@import "../../assets/scss/core/base";

$tooltip-prefix-cls: #{$jigsaw-prefix}-tooltip;

.#{$tooltip-prefix-cls}-dialog{
    @include inline-block;
}

.#{$tooltip-prefix-cls}{
    position: relative;
    max-width: 250px;
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: rgba(64,64,64,.85);
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    min-height: 34px;
    line-height: 1.5;
    @include word-break;
    .#{$tooltip-prefix-cls}-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border: {
            color: transparent;
            style: solid;
            width: 5px 5px 0;
        };
        border-top-color: rgba(64,64,64,.85);
        left: 10px;
        bottom: -5px;
    }
}




